Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / commits / 5a83008


Commit 5a83008cd0c2548aaa36ff87c6bf60ca377d7de1

󰉖 Browse tree at this commit

Parents : 18799c8
Author : Ivan <ivan@quad4.io>
Signature : Invalid signer <e46112d44649266d71fe2193e00a4710>, author is <ivan@quad4.io>
Date : 2026-07-10T11:44:14-05:00

style(Interface.vue): add border and ring styles for restart banner visibility based on interface state

Changes

1 files changed, 2 insertions(+), 1 deletions(-)

M meshchatx/src/frontend/components/interfaces/Interface.vue +2 -1

Diff

diff --git a/meshchatx/src/frontend/components/interfaces/Interface.vue b/meshchatx/src/frontend/components/interfaces/Interface.vue
index d131450f..2b40f20c 100644
--- a/meshchatx/src/frontend/components/interfaces/Interface.vue
+++ b/meshchatx/src/frontend/components/interfaces/Interface.vue
@@ -5,6 +5,7 @@
class="interface-card min-w-0 transition-all duration-300"
:class="{
'opacity-60 grayscale-[0.5]': !isInterfaceEnabled(iface) || iface._restart_required || !isReticulumRunning,
+ 'border-amber-500 ring-amber-500 ring-2': iface._restart_required && showRestartBanner && isReticulumRunning,
}"
>
<div class="flex flex-col sm:flex-row gap-4 sm:items-start relative pt-11 sm:pt-0">
@@ -91,7 +92,7 @@
</div>
</div>
<div
- class="absolute top-2 right-2 z-20 flex flex-row items-center gap-1 sm:static sm:z-auto sm:flex sm:flex-row sm:gap-2 sm:items-center sm:shrink-0 sm:justify-end"
+ class="flex flex-row items-center gap-1 sm:relative sm:z-auto sm:flex sm:flex-row sm:gap-2 sm:items-center sm:shrink-0 sm:justify-end mt-4 sm:mt-0"
>
<button
v-if="isInterfaceEnabled(iface)"


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────